<%@page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@include file="/public/jsp/Common.jsp" %>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> 
<html>
  <head>
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>购荐同享</title>
    <style type="text/css">
	
		body {
	  padding-top: 10px;
	  padding-bottom: 10px;
	}
	.navbar {
	  margin-bottom: 10px;
	}
	
</style>
  </head>
  
  <body>
<nav class="navbar navbar-default" role="navigation">
  <!-- Brand and toggle get grouped for better mobile display -->
  <div class="navbar-header">
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
      <span class="sr-only">Toggle navigation</span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
    </button>
    <a class="navbar-brand" href="#">购荐同享</a>
  </div>

  <!-- Collect the nav links, forms, and other content for toggling -->
  <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
    <ul class="nav navbar-nav">
      <li class="active"><a href="#">国内专区</a></li>
      <li><a href="#">海淘专区</a></li>
      <li><a href="#">晒单专区</a></li>
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">more <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li><a href="#">积分计划</a></li>
          <li><a href="#">Another action</a></li>
          <li><a href="#">Something else here</a></li>
          <li class="divider"></li>
          <li><a href="#">Separated link</a></li>
          <li class="divider"></li>
          <li><a href="#">联系我们</a></li>
        </ul>
      </li>
    </ul>
    <form class="navbar-form navbar-right" role="search">
      <div class="form-group">
        <input type="text" class="form-control" placeholder="Search">
      </div>
      <button type="submit" class="btn btn-default">查找</button>
    </form>
    <ul class="nav navbar-nav navbar-right">
    <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">我要爆料 <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li><a href="#">优惠推荐</a></li>
          <li class="divider"></li>
          <li><a href="#">经验投稿</a></li>
        </ul>
      </li>
      <li><a href="#">注册</a></li>
      <li class="dropdown">
        <a href="#" class="dropdown-toggle" data-toggle="dropdown">登录 <b class="caret"></b></a>
        <ul class="dropdown-menu">
          <li><a href="#">网站登录</a><button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal">
			  网站登录
			</button>
          </li>
          <li class="divider"></li>
          <li><a href="#">第三方登录</a></li>
          <li class="divider"></li>
          <li><a href="#">QQ登录</a></li>
          <li class="divider"></li>
          <li><a href="#">微薄登录</a></li>
        </ul>
      </li>
    </ul>
  </div><!-- /.navbar-collapse -->
  </nav>
  <!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-dialog">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        <h4 class="modal-title" id="myModalLabel">登 录</h4>
      </div>
      <div class="modal-body">
         <form class="form-signin" role="form">
	        <h4 class="form-signin-heading">账户登录</h4>
	        <input type="text" class="form-control" placeholder="user" required autofocus>
	        
	        <br />
	        <input type="password" class="form-control" placeholder="Password" required>
	        <label class="checkbox">
	          <input type="checkbox" value="remember-me"> 记住用户名
	        </label>
	        <button class="btn btn-lg btn-primary btn-block" type="submit">登 录</button>
	        	没有账号？点击<a href="#">注册</a>
      	</form>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default" data-dismiss="modal">关 闭</button>
      </div>
    </div><!-- /.modal-content -->
  </div><!-- /.modal-dialog -->
</div><!-- /.modal -->
</nav>
 <div class="container">
  <div class="row row-offcanvas row-offcanvas-right">
<div class="col-xs-1 col-sm-2 sidebar-offcanvas" id="sidebar" role="navigation">
          <div class="list-group">
            <a href="#" class="list-group-item active">分类</a>
            <a href="#" class="list-group-item">Link</a>
            <a href="#" class="list-group-item">Link</a>
            <a href="#" class="list-group-item">Link</a>
            <a href="#" class="list-group-item">Link</a>
            <a href="#" class="list-group-item">Link</a>
            <a href="#" class="list-group-item">Link</a>
            <a href="#" class="list-group-item">Link</a>
            <a href="#" class="list-group-item">Link</a>
            <a href="#" class="list-group-item">Link</a>
          </div>
        </div><!--/span-->
         </div><!--/row-->
<hr>
	<div id="footer">
      <div class="container">
        <p class="text-muted">Place sticky footer content here.</p>
      </div>
    </div>
    </div>
    <footer>
        <p>&copy; copyright 2014-2015 购荐同享. All rights reserved. 京ICP备</p>
      </footer>
     </div><!--/.container-->  
  </body>
</html>
